
<template>
  <el-card style="margin:20px">
    <el-input placeholder="请输入关键字" style="width:200px"></el-input>
      <el-button type="primary" style="margin: 20px;">搜索</el-button>
    <el-table border :data="tableData" style="width: 100%">
      <el-table-column
      type="index"
      width="50" />
    <el-table-column align="center" prop="date" label="英文名称" />
    <el-table-column align="center" prop="name" label="中文名称" />
    <el-table-column align="center" prop="address" label="类别" />
    <el-table-column align="center"  prop="phone" label="编码" />
    <el-table-column align="center"  prop="sex" label="排序" />
    <el-table-column align="center"  prop="tip" label="备注" />
    <el-table-column align="center"  prop="op" label="操作">
      <template>
        <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
        <el-button type="text" size="small">编辑</el-button>
      </template>
    </el-table-column>
  </el-table>
  </el-card>

</template>
<script>
export default {
  data() {
    return {
      tableData: [
        {
        date: 'Index',
        name: '首页',
        address: '1',
        phone: 'sys:index',
        sex: '1',
        tip:'暂无备注信息'
      },
        {
        date: 'Index',
        name: '页面1',
        address: '1',
        phone: 'sys:index',
        sex: '1',
        tip:'暂无备注信息'
      },
        {
        date: 'Index',
        name: '页面2',
        address: '1',
        phone: 'sys:index',
        sex: '1',
        tip:'暂无备注信息'
      },
        {
        date: 'Index',
        name: '页面3',
        address: '1',
        phone: 'sys:index',
        sex: '1',
        tip:'暂无备注信息'
      },
        {
        date: 'Index',
        name: '页面4',
        address: '1',
        phone: 'sys:index',
        sex: '1',
        tip:'暂无备注信息'
      },
        {
        date: 'Index',
        name: '页面5',
        address: '1',
        phone: 'sys:index',
        sex: '1',
        tip:'暂无备注信息'
      },
        {
        date: 'Index',
        name: '页面6',
        address: '1',
        phone: 'sys:index',
        sex: '1',
        tip:'暂无备注信息'
      },
        {
        date: 'Index',
        name: '页面7',
        address: '1',
        phone: 'sys:index',
        sex: '1',
        tip:'暂无备注信息'
      },
      ]
    }
  }
}
</script>